<template>
	<view>
		<view class="address_box" @click="chooseAddress">
			<u-section v-if="order.address== undefined || order.address.length <= 0" :bold="false" :show-line="false"
			:arrow="true" :right="false" sub-title="" sub-color="#000"
			title="请选择收货地址"
			color="#909399"></u-section>
			<view v-else>
				<view style="margin-bottom: 20rpx;">
					<text class="userInfo">{{order.address.real_name}}</text>
					<text class="userInfo">{{order.address.phone}}</text>
					<u-tag v-if="order.address.is_default == '1'" class="userInfo" bg-color="#20cbd4" text="默认" size="mini" mode="dark" />
				</view>
				<view class="addressDetail">{{order.address.province}}{{order.address.city}}{{order.address.district}}{{order.address.detail}}</view>
			</view>
		</view>
		<view class="address_line"></view>
		<view class="goods_box">
			<view class="goods_item" v-for="(goodsInfo, index) in goodsList" :key="index">
				<view class="goods_img">
					<image :src="goodsInfo.goods_image"></image>
				</view>
				<view class="goods_info">
					<view class="goods_tit u-line-2">{{goodsInfo.goods_name}}</view>
					<view class="goods_tit goods_norms u-line-1">{{goodsInfo.goods_sku.goods_attr}}</view>
					<view class="buy_info">
						<view style="color: #FA3534;" v-if="goodsInfo.q_id==1">¥{{goodsInfo.goods_price}}</view>
						<view style="color: #FA3534;" v-else-if="goodsInfo.q_id==2">¥{{goodsInfo.price}}+{{goodsInfo.points}}</view>
						<view style="color: #FA3534;" v-else="goodsInfo.q_id==3">¥0</view>
						<view>x{{goodsInfo.total_num}}</view>
					</view>
					<view class="goods_hd" v-if="goodsInfo.hd&&goodsInfo.hd.tp!='none'">
						<text v-if="goodsInfo.hd.tp=='cuxiao'">【促销活动】{{goodsInfo.hd.huodong.title}}</text>
						<text v-if="goodsInfo.hd.tp=='pin'">【拼购免单】{{goodsInfo.hd.huodong.title}}</text>
						<text v-if="goodsInfo.hd.tp=='shtx'">【随货同行】{{goodsInfo.hd.huodong.title}}</text>
					</view>
				</view>
			</view>
			<view class="hd_zs" v-if="hdgoods.length>0">
				<view class="tips_huodong">请选择活动赠品</view>
				<view class="huodong_zs_item" @click="chkZs" v-for="(goodsInfo, index) in hdgoods" :key="index" :data-id="goodsInfo.goods_id">
					<view class="huodong_zs_inner checked" v-if="zsgoodsid==goodsInfo.goods_id">
						<view class="hd_goods_img">
							<image :src="goodsInfo.goods_image"></image>
						</view>
						<view class="hd_goods_info">
							<view class="goods_tit u-line-2">{{goodsInfo.goods_name}}</view>
						</view>
					</view>
					<view class="huodong_zs_inner" v-else>
						<view class="hd_goods_img">
							<image :src="goodsInfo.goods_image"></image>
						</view>
						<view class="hd_goods_info">
							<view class="goods_tit u-line-2">{{goodsInfo.goods_name}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="form" style="padding-bottom: 80rpx;">
			<u-cell-group style="padding: 30rpx 10rpx;">
				<u-cell-item title="邀请码" :arrow="false">
					<u-input v-model="invite_code" value="invite_code" slot="right-icon" input-align="right" placeholder="邀请码" @blur="invitationCodeChange"/>
				</u-cell-item>
				<u-cell-item title="邀请人" :arrow="false">
					<u-input disabled="true" v-model="invite_name" value="invite_name" slot="right-icon" input-align="right" placeholder="邀请人" />
				</u-cell-item>
				<u-cell-item title="代购人姓名" :arrow="false">
					<u-input v-model="assist_name" slot="right-icon" input-align="right" placeholder="代购人姓名"/>
				</u-cell-item>
				<u-cell-item title="代购人手机号" :arrow="false">
					<u-input v-model="assist_phone" slot="right-icon" input-align="right" placeholder="代购人手机号"/>
				</u-cell-item>
				<u-cell-item title="密码" :arrow="false">
					<u-input v-model="pwd" slot="right-icon" input-align="right" placeholder="登陆密码"/>
				</u-cell-item>
				<!-- <u-cell-item title="收件人" :arrow="false">
					<u-input v-model="region_name" slot="right-icon" input-align="right" placeholder="收件人"/>
				</u-cell-item>
				<u-cell-item title="收件人手机号" :arrow="false">
					<u-input v-model="region_phone" slot="right-icon" input-align="right" placeholder="收货人手机号"/>
				</u-cell-item>
				<u-cell-item title="省市县" @tap="showRegionPicker" :value="address"></u-cell-item>
				<u-cell-item title="详细地址" :arrow="false">
					<u-input v-model="detail" value="detail" slot="right-icon" input-align="right" placeholder="详细地址"/>
				</u-cell-item> -->

			</u-cell-group>

		</view>
		<view class="footer">
			<view class="totalNumber">共{{goodsList.length}}件</view>
			<view>合计:<text style="color: #FA3534;">¥{{order.pay_price}}</text></view>
			<view class="btn u-line-1" @click="settleNew">结算</view>
		</view>

		<u-modal v-model="modalShow" :show-cancel-button="true" title="支付方式"
			:cancel-style="{color:'#909399'}" @confirm="payConfirm">
			<view class="slot-content">
				<view class="payTime">
					<view>支付剩余时间：</view>
					<view>
						<u-count-down :font-size="25" color="#909399"
							:separator-size="25" separator-color="#909399"
						:timestamp="3000"></u-count-down>
					</view>
				</view>
				<view class="modelPrice">¥{{order.pay_price}}</view>
				<u-cell-group :border="false">
					<u-cell-item :border-bottom="false" icon="rmb-circle-fill" :icon-style="{color:'#fece0a'}" v-if="money_pay_show && (q_id==1 || q_id==2 || q_id==3)"
					:icon-size="60" title="积分支付" :arrow="false">
						<u-radio-group :size="40" v-model="payType" @change="radioChange" active-color="#f37b1d">
							<u-radio name="yue" :icon-size="40">
							</u-radio>
						</u-radio-group>
					</u-cell-item>
					<!--  #ifdef MP-WEIXIN -->
						<u-cell-item :border-bottom="false" icon="weixin-fill" :icon-style="{color:'#1AAE0B'}" v-if="mini_show_wx && (q_id==1 || q_id==2 || q_id==3)"
						:icon-size="60" title="微信支付" :arrow="false">
							<u-radio-group :size="40" v-model="payType" @change="radioChange" active-color="#f37b1d">
								<u-radio name="weixin" :icon-size="40">
								</u-radio>
							</u-radio-group>
						</u-cell-item>
					<!-- #endif -->
					<!--  #ifdef H5 -->
						<u-cell-item :border-bottom="false" icon="weixin-fill" :icon-style="{color:'#1AAE0B'}" v-if="h5_show_wx && (q_id==1 || q_id==2 || q_id==3)"
						:icon-size="60" title="微信支付" :arrow="false">
							<u-radio-group :size="40" v-model="payType" @change="radioChange" active-color="#f37b1d">
								<u-radio name="weixin" :icon-size="40">
								</u-radio>
							</u-radio-group>
						</u-cell-item>
						<u-cell-item :border-bottom="false" icon="zhifubao" :icon-style="{color:'#1393E8'}" v-if="h5_show_ali && (q_id==1 || q_id==2 || q_id==3)"
						:icon-size="60" title="支付宝支付" :arrow="false">
							<u-radio-group :size="40" v-model="payType" @change="radioChange" active-color="#f37b1d">
								<u-radio name="zhifubao" :icon-size="40">
								</u-radio>
							</u-radio-group>
						</u-cell-item>
					<!-- #endif -->
					<!--  #ifdef APP-PLUS -->
						<u-cell-item :border-bottom="false" icon="weixin-fill" :icon-style="{color:'#1AAE0B'}" v-if="app_show_wx && (q_id==1 || q_id==2 || q_id==3)"
						:icon-size="60" title="微信支付" :arrow="false">
							<u-radio-group :size="40" v-model="payType" @change="radioChange" active-color="#f37b1d">
								<u-radio name="weixin" :icon-size="40">
								</u-radio>
							</u-radio-group>
						</u-cell-item>
						<u-cell-item :border-bottom="false" icon="zhifubao" :icon-style="{color:'#1393E8'}" v-if="app_show_ali && (q_id==1 || q_id==2 || q_id==3)"
						:icon-size="60" title="支付宝支付" :arrow="false">
							<u-radio-group :size="40" v-model="payType" @change="radioChange" active-color="#f37b1d">
								<u-radio name="zhifubao" :icon-size="40">
								</u-radio>
							</u-radio-group>
						</u-cell-item>
					<!-- #endif -->
				</u-cell-group>
			</view>
		</u-modal>
		<u-modal width="80%" v-model="payPwdShow" :show-title="true"
		confirm-color="#20cbd4" :show-cancel-button="true" @confirm="payYE">
			<view class="modelContent">
				<view class="accountData">
					<text>交易密码：</text>
					<u-input v-model="payPassword" type="password"
						placeholder="请输入交易密码"/>
				</view>
			</view>
		</u-modal>
		<u-picker mode="region" ref="uPicker" v-model="region_show" @cancel="regionCancel" @confirm="regionConfirm"/>
		<login-model ref="loginModel"></login-model>
		<u-toast ref="uToast" />
		<hoverMenu></hoverMenu>
		<view v-html="alipayForm"></view>
		<view class="hdGoodsMask" v-if="zsSkuShow" @click="hideSku">

		</view>
		<view class="hdGoodSku" v-if="zsSkuShow">
			<view class="norm_item" v-for="(item, index) in skuList" :key="index">
				<view class="goods_tit">{{item.group_name}}</view>
				<u-radio-group v-model="item.title" shape="square" active-color="#20cbd4" style="width:100%;min-height: 0;overflow: hidden;">
					<u-radio
						v-for="(item1, index1) in item.spec_items" :key="index1" :name="item1.spec_value" @change="normChange(index,index1,item1.spec_value)">
						{{item1.spec_value}}
					</u-radio>
				</u-radio-group>
			</view>
			<view class="hdGoodsTips">
				当前赠品为多规格商品，可以手动选择对应规格.
			</view>
		</view>
	</view>
</template>

<script>
	import hoverMenu from "@/components/public/sa-hover-menu.vue";
	import {orderCartH5Assist,orderCartZfbAssist,hjWxCarPayAssist,payZfbAssist,buyNow,pay,assistOrderCart,carPayAssist,isBuyNow,isOrderCart,wxminiGetOpenid,wxPay,wxCarPayAssist,orderCartGzhAssist,payH5,getAssistCode} from "@/common/api.js";
	import loginModel from "@/components/public/loginModel.vue";
	export default {
		components: {
			loginModel,
			hoverMenu
		},
		data() {
			return {
				// address:null
				order:{},
				hdgoods:[],
				goodsInfo:{},
				zsgoodsid:0,
				zsgoodskuid:0,
				skuList:{},
				zsSkuShow:false,
				roomid:0,
				pin_id:0,
				goodsList:[],
				remark:"",
				coupon:"请选择优惠券",
				coupon_id:"",
				assist:"请选择我的代购",
				assist_id:0,
				modalShow:false,
				payPwdShow:false,
				payType:"yue",
				params:{},
				q_id:0,
				payPassword:"",
				address_id:"",
				alipayForm:"",
				money_pay_show: 1,
				h5_show_ali: 1,
				h5_show_wx: 1,
				app_show_ali: 1,
				app_show_wx: 1,
				mini_show_ali: 1,
				mini_show_wx: 1,
				sweixin:'',
				region_show:false,
				address:'',
				real_name:"",
				phone:"",
				province:"",
				city:"",
				district:"",
				detail:"",
				district_id:0,
				invite_code:'',
				invite_name:'',
				assist_name:'',
				assist_phone:'',
				pwd:'',
				// region_name:'',
				// region_phone:'',
				// region_id:0,
				// detail:'',

			}
		},
		onReady() {
		},
		onLoad(option){
			 this.params = JSON.parse(option.param)|| {};
			 console.log(uni.getStorageSync("roomid"))
			 if(uni.getStorageSync("roomid")){
				var roomtime=uni.getStorageSync("roomtime");
				var roomnow=Date.now();
				var room_times=roomnow-roomtime;
				if(room_times&&room_times<3600000){//1小时
					this.roomid=uni.getStorageSync("roomid");
				}
				console.log(room_times,'room_times',this.roomid);
			 }
			let pin_id = uni.getStorageSync('pin_id')||0;
			this.pin_id = pin_id;
			 // #ifdef APP-PLUS
			 var that= this;
			 plus.share.getServices(function(s){
					 var shares={};
					 for (var i = 0; i < s.length; i++) {
						 var t=s[i];
						 shares[t.id]=t;
					 }
					 var sweixin=shares['weixin'];
					 that.sweixin = sweixin
				 }, function(e){
					 console.log("获取分享服务列表失败："+e.message);
				 });
			 //#endif
		},
		onShow() {
			//判断选择优惠券
			let user_coupon_id = uni.getStorageSync('user_coupon_id')|| '';
			let reduce_price = uni.getStorageSync('reduce_price')|| '';
			this.coupon_id = user_coupon_id;
			if(reduce_price != ''){
				this.coupon = reduce_price;
			}
			//判断选择地址
			let address = uni.getStorageSync('address')|| '';
			if(address != ''){
				this.address_id = address.id;
			}
			//判断选择协助保单
			let assist_uid = uni.getStorageSync('assist_uid')|| '';
			let assist_name = uni.getStorageSync('assist_name')|| '';
			if(assist_uid != ''){
				this.assist_id = assist_uid;
				this.assist = assist_name;
			}
			let pin_id = uni.getStorageSync('pin_id')||0;
			this.pin_id = pin_id;
			this.findOrder();
		  },
		  onBackPress(e) {
		  	if(e.from==="backbutton" || e.from==="navigateBack"){
		  		uni.setStorageSync('user_coupon_id', "");
		  		uni.setStorageSync('reduce_price', "");
		  		uni.setStorageSync('address', "");
				uni.setStorageSync('assist_uid', "");
				uni.setStorageSync('assist_name', "");
		  	}
		  },
		  onUnload(){
			  uni.setStorageSync('user_coupon_id', "");
			  uni.setStorageSync('reduce_price', "");
			  uni.setStorageSync('address', "");
			  uni.setStorageSync('assist_uid', "");
			  uni.setStorageSync('assist_name', "");
		  },
		methods: {
			chkZs(e){
				var goodsid=e.currentTarget.dataset.id;
				if(goodsid>0){
					this.zsgoodsid=goodsid;
					var goodsList=this.hdgoods;
					for(var i in goodsList){
						var goods=goodsList[i];
						if(goods.goods_id==goodsid){
							this.goodsInfo=goods;

							if(goods.spec_type==2){
								this.skuList=goods.goods_multi_spec.spec_attr;
								this.zsSkuShow=true;
							}else{
								this.zsgoodskuid=goods.goods_sku.goods_sku_id;
								this.skuList={};
								this.zsSkuShow=false;
							}
							console.log('zsSku',this.skuList,this.zsgoodskuid);
						}
					}
				}
			},
			hideSku(){
				this.zsSkuShow=false;
			},
			normChange(groupIdx,redioIdx,redioName){
				this.skuList[groupIdx].title=redioName;
				this.skuList[groupIdx].spec_items[redioIdx].is_check=true;
				for(var i=0;i<this.skuList[groupIdx].spec_items.length;i++){
					if(this.skuList[groupIdx].title!=this.skuList[groupIdx].spec_items[i].spec_value){
						this.skuList[groupIdx].spec_items[i].is_check=false;
					}
				}
				var that=this;
				var ids = [];
				var goodsNorms = [];
				for (var i in that.skuList) {
					for (var j in that.skuList[i].spec_items) {
						if(that.skuList[i].spec_items[j].is_check == true){
							ids.push(that.skuList[i].spec_items[j].item_id)
							goodsNorms.push(that.skuList[i].spec_items[j].spec_value)
						}
					}
				}

				that.goodsNorms = goodsNorms;
				//把逗号变为下划线
				var id = ids.toString().replace(",","_");
				that.ids = id;
				var spec_list = that.goodsInfo.goods_multi_spec.spec_list;
				for(var m in spec_list){
					if(spec_list[m].spec_sku_id == id){
						console.log(spec_list[m],'spec_list');
						this.zsgoodskuid=spec_list[m].goods_sku_id;
					}
				}
							console.log('zsSku2',this.skuList,this.zsgoodskuid);
			},
			floatTouchClick(index){
				this.$uniApi.floatTouch(index);
			},
			//查询订单信息
			findOrder(){
				//从购物车来
				assistOrderCart(this,{cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone})
			},
			//选择优惠券
			findCoupon(item){
				if(item.length==0){
					this.coupon = "暂无优惠劵";
				}else{
					var ids = [];
					for (var i in item) {
						ids.push(item[i].user_coupon_id)
					}
					uni.navigateTo({
						url: '/user/coupon?type=select&ids='+ids
					 });
				}

			},
			//协助保单
			findAssist(){
				uni.navigateTo({
					url: '/user/assist?type=select'
				 });
			},
			chooseAddress(){
				uni.setStorageSync("adType","select");
				uni.navigateTo({
					url: '/user/address?type=select'
				 });
			},
			radioChange(e) {
				this.payType = e;
			},
			//结算
			settleNew(){
				this.modalShow=true;
			},
			payYE(){
				uni.showLoading({
					title: '支付中...'
				});
				this.payPwdShow=false;
				var pay_pwd=this.payPassword;
				this.payPassword="";
				wxCarPayAssist(this,{pay_type:'yu_e',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pay_pwd:pay_pwd,pwd:this.pwd})

			},
			payZfb(){
				payZfbAssist(this,{pay_type:'ali_h5',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})
			},
			settle(){
				var _this=this;
				if(_this.order.address== undefined || _this.order.address.length <= 0){
					_this.$refs.uToast.show({title: '请选择收货地址',})
					return;
				}
				//验证是否选则赠品
				if(_this.hdgoods!= undefined && _this.hdgoods.length>0 && (_this.zsgoodsid==0 || _this.zsgoodskuid==0)){
				  _this.$refs.uToast.show({title: '请选择赠品',})
				  return;
				}
				_this.modalShow=false;
				if(_this.payType=='yue'){
					if(this.payPassword==""){
						this.payPwdShow=true;
					}else{
						this.payYE();
					}
					return;
				}
				uni.showLoading({
					title: '支付中...'
				});
				console.log('_this.payType',_this.payType);
				// #ifdef MP-WEIXIN
				if(uni.getStorageSync("openid")==""){
					uni.getSetting({
						success: function (a) {
							uni.getUserProfile({
								desc:'Wexin',
								success: function (b) {
									 uni.login({
									    success (res) {
											uni.hideLoading();
									        if (res.code) {
												wxminiGetOpenid(_this,{code:res.code})
									        } else {
												_this.$refs.uToast.show({title: '授权获取失败',})
									        }
									    }
									})
								}
							});
						}
					});
				}
				if(uni.getStorageSync("openid")!="" && uni.getStorageSync("openid")!="undefined"){
					carPayAssist(this,{pay_type:'wx_mini',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})
				}
				// #endif

				// #ifdef APP-PLUS
				if(_this.payType=='zhifubao'){
					orderCartZfbAssist(this,{pay_type:'ali_h5',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})
				}else{
					hjWxCarPayAssist(this,{pay_type:'wx_app',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})
				}
				// #endif

				// #ifdef H5
					let ua = window.navigator.userAgent.toLowerCase()
					if (ua.match(/MicroMessenger/i) == 'micromessenger') {
						if(_this.payType=='zhifubao'){
							uni.hideLoading();
							_this.$refs.uToast.show({title: '微信浏览器无法用支付宝支付，请使用手机浏览器',})
						}else{
							orderCartGzhAssist(this,{pay_type:'wx_chat',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})

						}
					}else{
						if(_this.payType=='zhifubao'){
							orderCartZfbAssist(this,{pay_type:'ali_h5',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})

						}else{
							orderCartH5Assist(this,{pay_type:'wx_h5',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone,pwd:this.pwd})

						}
					}
				// #endif
			},

			payConfirm(){
				this.settle();
				return;
				uni.setStorageSync('user_coupon_id', "");
				uni.setStorageSync('reduce_price', "");
				uni.setStorageSync('address', "");
				uni.setStorageSync('assist_uid', "");
				uni.setStorageSync('assist_name', "");
				//微信支付
				//从购物车来的支付方法
				// #ifdef MP-WEIXIN
				carPayAssist(this,{pay_type:'wx_mini',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone})
				// #endif
				// #ifdef APP-PLUS
				wxCarPayAssist(this,{pay_type:'wx_app',cart_ids:this.params.cart_ids,address_id:this.address_id,roomid:this.roomid,zsgids:this.zsgoodskuid,invite_code:this.invite_code,assist_name:this.assist_name,assist_phone:this.assist_phone})
				// #endif
			},
			showRegionPicker() {
				this.region_show = true;
			},
			regionCancel(){
				this.region_show = false;
			},
			regionConfirm(res){
				this.address = res.province.label+res.city.label+res.area.label;
				this.province  = res.province.label;
				this.city  = res.city.label;
				this.district  = res.area.label;
				this.district_id = res.area.value;
			},
			invitationCodeChange(e){
				this.invite_code=e;
				getAssistCode(this,{'asscode':this.invite_code});

			},
			setAssInfo(data){
				console.log('setAssInfo',data);
				if(data.code=='200'){
					this.invite_code=data.data.spread_code;
					this.invite_name=data.data.real_name.length>0?data.data.real_name:data.data.name;
				}else{
					this.$refs.uToast.show({title: data.msg});
				}
			},
		}
	}
</script>

<style>
	page{
		font-family: PingFang SC;
		background: #f6f6f6;
	}
	.address_line{
		height: 8rpx;
		background-image: url("https://yunxingzhan.oss-cn-hangzhou.aliyuncs.com/miniprogram/images/images/address_line.png");
		background-size: 100% 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
		margin-bottom: 10rpx;
	}
	.hdGoodsMask{position: fixed;bottom:0;left:0;right:0;top:0;background-color: rgba(0,0,0,0.5);z-index: 99;}
	.hdGoodSku{position: fixed;bottom:0;left:0;right:0;padding:40rpx;background-color: #fff;z-index: 999;border-radius: 20rpx 20rpx 0 0 ;}
	.hdGoodsTips{padding:20rpx 0}
	.norm_item{
		padding: 20rpx 0;display: block;width: 100%;
	}
	.goods_tit{font-size: 30rpx;}
	.address_box{
		padding: 40rpx 20rpx;
		background-color: #fff;
	}
	.userInfo{
		margin-right: 10rpx;
	}
	.addressDetail{
		color: #909399;
	}
	.goods_box{
		padding: 20rpx;
		background-color: #fff;
	}
	.goods_item{
		display: flex;
		padding: 20rpx 0;
	}
	.goods_img{
		width: 200rpx;
		height: 200rpx;
		margin-right: 10rpx;
	}
	.goods_img image{
		width: 100%;
		height: 100%;
	}
	.goods_info{
		width: 540rpx;
	}
	.goods_tit{
		margin-bottom: 20rpx;
	}
	.goods_norms{
		font-size: 25rpx;
		color: #909399;
		margin-bottom: 20rpx;
	}
	.buy_info{
		display: flex;
		justify-content: space-between;
	}
	.goods_hd{width:100%;min-height: 0;overflow: hidden;margin-top:20rpx}
	.goods_hd text{display: inline-block;background:red;color:#fff;font-size:24rpx;height:34rpx;padding-right:10rpx;border-radius: 5rpx;}

	.hd_zs{min-height: 0;overflow: hidden;padding:10rpx;background-color: #f1f1f1;}
	.tips_huodong{height: 50rpx;line-height: 50rpx;color: #222;font-size: 24rpx;font-weight: bold;}
	.huodong_zs_item{margin:10rpx;min-height: 0;overflow: hidden;}
	.huodong_zs_inner{border:4rpx solid #f1f1f1;position: relative;background:#fff;}
	.checked{border-color: #f60;}
	.hd_goods_img{height:60rpx;width:60rpx;position: absolute;left:0;top:0;}

	.hd_goods_img image{
		width: 100%;
		height: 100%;
	}
	.hd_goods_info{margin-left:80rpx;height:60rpx;padding:10rpx;line-height: 40rpx;font-size: 24rpx;overflow: hidden;}

	.form{
		margin-top: 10rpx;
		padding: 0 10rpx;
		background-color: #fff;
	}
	.footer{
		position: fixed;
		bottom: 0;
		background-color: #fff;
		height: 100rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 20rpx;
		z-index: 100;
	}
	.totalNumber{
		color: #909399;
		margin-right: 10rpx;
	}
	.btn {
		background: linear-gradient(90deg,#6de3e9,#a0edf1);
		line-height: 66rpx;
		padding: 0 80rpx;
		border-radius: 36rpx;
		color: #ffffff;
		text-align: center;
		margin-left: 20rpx;
	}
	.slot-content{
		padding: 20rpx 40rpx;
	}
	.payTime{
		padding: 0 40rpx;
		color: #909399;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 25rpx;
	}
	.modelPrice{
		color: #FA3534;
		font-size: 50rpx;
		font-weight: 650;
		padding: 0 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slot-content .u-radio{text-align: right;float:right !important}

	.modelContent{
		padding: 40rpx;
	}
	.accountData{
		padding: 15rpx 0 15px 200rpx;position: relative;
	}
	.accountData text{position: absolute;left:0;top:15px;display: inline-block;width:190rpx;text-align: right;}
	.accountData .u-input{border-bottom:0.5rpx solid #222;}
	.accountData .u-input input{min-width:260rpx}
	.u-cell.data-v-65423b64{
		padding:20rpx 46rpx;
	}
</style>
